import React from 'react'

export default function Sidebar(props) {
    // this.props => 函数式组件没有this
    console.log('props', props);
    let { bg, position } = props
    let obj = {
        background: bg,
        width: '200px',
        position: 'fixed',
        [position]: 0
    }

    return (
        <div style={obj}>
            <ul>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
                <li>111</li>
            </ul>
        </div>
    )
}

// 函数式组件的默认值和属性验证只能在外面单独写了
// Sidebar.defaultProps
// Sidebar.propTypes
